<div class="sub-main-container">
    <div class="search-wrap">
        <button nz-button nzType="primary" class="add-btn" (click)="directToSketchMap()">
            切换至展示图
        </button>
    </div>

    <div class="main-wrap">
        <div class="right-panel">
            <nz-table #dataTable
                      class="main-table"
                      [nzData]="tableData"
                      [nzTotal]="total"
                      [nzFrontPagination]="false"
                      [(nzPageIndex)]="pageNum"
                      [(nzPageSize)]="pageSize"
                      [nzLoading]="loading"
                      [nzScroll]="{ y: 'calc(100vh - 350px)' }"
                      (nzPageIndexChange)="queryInfo()"
                      nzBordered
                      nzSize="middle">
                <thead>
                <tr>
                    <th nzWidth="125px">序号</th>
                    <th>视频监控名称</th>
                </tr>
                </thead>
                <tbody>
                <tr *ngFor="let data of dataTable.data; let idx = index">
                    <td>{{pageSize * (pageNum - 1) + idx + 1}}</td>
                    <td>
                        <a (click)="startPreview(data)">{{ data.cameraName }}</a>
                    </td>
                </tr>
                </tbody>
            </nz-table>
        </div>
        <div class="left-panel">
            <!--<div class="video-title">{{ videoTitle }}</div>-->
            <div id="playWnd" class="playWnd" style="width: 1000px;height: 600px"></div>
        </div>
    </div>

    <!--<nz-modal nzClassName="custom-modal" nzWidth="860" [(nzVisible)]="modalShow"-->
    <!--[nzTitle]="modalTitle"-->
    <!--(nzOnCancel)="onCancel()" (nzOnOk)="onCancel()">-->

    <!--</nz-modal>-->

</div>
